<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>（司马招聘）求职信息</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/jquery.bxslider.css" />
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script type="text/javascript" src="js/jquery.bxslider.min.js" ></script>
	</head>
	<body class="bg pad">
		<div class="banner top_slide_wrap">
			<ul class="bxslider">
				<li>
					<a href="javascript:;" target="_blank">
						<img src="img/banner.jpg" alt="banner">
					</a>
				</li>
				<li>
					<a href="javascript:;" target="_blank"><img src="img/banner1.jpg" alt="banner"></a>
				</li> 
				<li>
					<a href="javascript:;" target="_blank"><img src="img/banner.jpg" alt="banner"></a>
				</li>
				<li>
					<a href="javascript:;" target="_blank"><img src="img/banner1.jpg" alt="banner"></a>
				</li>

			</ul>

			<script type="text/javascript">
				$(function() {
					$(".banner .bxslider").bxSlider({
						auto: true,
						prevSelector: $(".top_slide_wrap .op_prev")[0],
						nextSelector: $(".top_slide_wrap .op_next")[0],
						pause: 6e3
					});
				});
			</script>

		</div>
		
		<nav class="sel_nav">
			<ul>
				<li>
					<a href="javascript:;">
					<select>
						<option disabled="disabled" selected="selected">职位</option>
						<option>所有</option>
						<option>跟单</option>
						<option>主管</option>
						<option>印刷</option>
						<option>分纸</option>
						<option>开槽</option>
						<option>打钉</option>
						<option>司机</option>
						<option>普工</option>
					</select>
					</a>
				</li>
				<li>
					<a href="javascript:;">
					<select>
						<option disabled="disabled" selected="selected">工种</option>
						<option>所有</option>
						<option>长期工</option>
						<option>临时工</option>
					</select>
					</a>
				</li>
				<li>
					<a href="javascript:;">
					<select>
						<option disabled="disabled" selected="selected">区域</option>
						<option>所有</option>
						<option>深圳宝安区xxx镇</option>
						<option>深圳罗湖区xxx镇</option>
						<option>东莞虎门区xxx镇</option>
					</select>
					</a>
				</li>
				<li>
					<a href="javascript:;">
					<select>
						<option disabled="disabled" selected="selected">智能检索</option>
						<option>所有</option>
						<option>最新发布</option>
						<option>热门发布</option>
					</select>
					</a>
				</li>
			</ul>
		</nav>
		
		<section class="flist">
			<ul>
				<li>
					<img src="img/tou.png" class="tou">
					<div class="text">
						<h3>潘刚</h3>
						<p>男、30岁</p>
						<p>深圳宝安区XX镇</p>
					</div>
					<div class="ep">
						<h3>跟单员</h3>
						<a href="javascript:;">立即招聘</a>
					</div>
				</li>
				<li>
					<img src="img/tou.png" class="tou">
					<div class="text">
						<h3>潘刚</h3>
						<p>男、30岁</p>
						<p>深圳宝安区XX镇</p>
					</div>
					<div class="ep">
						<h3>跟单员</h3>
						<a href="javascript:;">立即招聘</a>
					</div>
				</li>
				<li>
					<img src="img/tou.png" class="tou">
					<div class="text">
						<h3>潘刚</h3>
						<p>男、30岁</p>
						<p>深圳宝安区XX镇</p>
					</div>
					<div class="ep">
						<h3>跟单员</h3>
						<a href="javascript:;">立即招聘</a>
					</div>
				</li>
				<li>
					<img src="img/tou.png" class="tou">
					<div class="text">
						<h3>潘刚</h3>
						<p>男、30岁</p>
						<p>深圳宝安区XX镇</p>
					</div>
					<div class="ep">
						<h3>跟单员</h3>
						<a href="javascript:;">立即招聘</a>
					</div>
				</li>
				<li>
					<img src="img/tou.png" class="tou">
					<div class="text">
						<h3>潘刚</h3>
						<p>男、30岁</p>
						<p>深圳宝安区XX镇</p>
					</div>
					<div class="ep">
						<h3>跟单员</h3>
						<a href="javascript:;">立即招聘</a>
					</div>
				</li>
				
			</ul>
			<a href="javascript:;" class="more">加载更多</a>
		</section>
		<footer class="footer">
			<a href="edit_find.html">
				<img src="img/icon2.png">
				<p>发布招聘</p>
			</a>
		</footer>
		<div class="alert">
			<div class="tan">
				<div class="txt">
					<img src="img/icon3.png">
					<span>抱歉！您还未支付
					支付完成后才可查看</span>
				</div>
				<div class="aa">
					<a href="javascript:;" class="qu" onclick="hide_alert()">取消</a>
					<a href="pay.html" class="sure">去支付</a>
				</div>
				
			</div>
			
		</div>
		<script>
			$(".flist ul li .ep a").click(function(){
				$(".alert").show()
			})
			function hide_alert(){
				$(".alert").hide()
			}
		</script>
	</body>
</html>
